<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>

	<body>
		<header class="head df">
			<div class="res">
				<span class="iconfont icon-fanhuijiantou abs"></span>
			</div>
			<div>
				<p class="my-data">个人资料</p>
			</div>
		</header>
		<main>
			<div class="weui-cells mt0">
				<!-- 头像 -->
				<div
					class="weui-cell weui-cell_active weui-cell_access"
					id="toPersonal"
				>
					<div class="weui-cell__hd"></div>
					<div class="weui-cell__bd ml20 my-photu">
						<span>更换头像</span>
					</div>
					<label class="df">
						<span class="weui-cell__ft phote-my">
							<img
								src="../../assets/imgs/cat.jpg"
								class="avatar"
								alt=""
								id=""
							/>
						</span>
						<input type="file" id="up-photo" />
					</label>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>昵称</span>
					</span>

					<span class="weui-cell__ft">
						<input type="text" id="useval" />用户名</span
					>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>性别</span>
					</span>
					<span class="weui-cell__ft sex">男</span>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>生日</span>
					</span>
					<span class="weui-cell__ft shouBair">详细信息</span>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在省</span>
					</span>
					<span class="weui-cell__ft" id="showCity">省</span>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在市</span>
					</span>
					<span class="weui-cell__ft" id="city">市</span>
				</div>
			</div>
			<div class="weui-cells">
				<div class="weui-cell weui-cell_active weui-cell_access">
					<span class="weui-cell__bd">
						<span>个人简介</span>
					</span>
				</div>
			</div>

			<div class="weui-cell weui-cell_active text">
				<div class="weui-cell__bd">
					<textarea
						class="weui-textarea"
						placeholder="请描述你所发生的问题"
						rows="3"
						id="tareaBtn"
					></textarea>
					<div role="option" aria-live="polite" class="weui-textarea-counter">
						<span id="textNum">0</span>/200
					</div>
				</div>
			</div>
		</main>

		<footer>
			<div id="reviseBtn">保存信息</div>
		</footer>
		<!-- <script type="text/javascript" src="https://res.wx.qq.com/t/wx_fed/weui.js/res/1.2.18/weui.min.js"></script> -->
	</body>
</html>
